<!DOCTYPE html  >
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


<head th:include="/base/common_css('test')">

<body>
<div th:include="/base/common_banner"></div>

<!-- Header ends -->
<!-- Main content starts -->

<div class="content">

    <!-- Sidebar -->
    <!--menu ????-->
    <div th:include="/base/common_menu"></div>
    <!--menu????-->
    <!-- Sidebar ends -->

    <!-- Main bar -->
    <div class="mainbar">

        <!-- Page heading -->
        <div class="page-head">
            <h2 class="pull-left"><i class="icon-home"></i> 首页</h2>

            <!-- Breadcrumb -->
            <div class="bread-crumb pull-right">
                <a href="/index"><i class="icon-home"></i> 首页</a>
                <!-- Divider -->
                <span class="divider">/</span>
                <a href="#" class="bread-current">控制台</a>
            </div>

            <div class="clearfix"></div>

        </div>
        <!-- Page heading ends -->


        <!----matter----->

        <div class="matter">
            <div class="container">

                <!-- Table -->

                <div class="row">

                    <div class="col-md-12">

                        <div class="widget">

                            <div class="widget-head">
                                <div class="pull-left">Tables</div>
                                <div class="widget-icons pull-right">
                                    <a href="#" class="wminimize"><i class="icon-chevron-up"></i></a>
                                    <a href="#" class="wclose"><i class="icon-remove"></i></a>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                            <div class="widget-content">

                                <table class="table table-striped table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </th>
                                        <th>ͼƬ��</th>
                                        <th>ͼƬ����</th>
                                        <th>���</th>
                                        <th>������</th>
                                        <th>�ղ���</th>
                                        <th>������</th>
                                        <th>Status</th>
                                        <th>Control</th>
                                    </tr>
                                    <tr>
                                        <td>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>

                                        <td><span class="label label-success">Active</span></td>
                                        <td>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal2" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>�޸�
                                            </button>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal3" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>ɾ��
                                            </button>

                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>

                                        <td><span class="label label-success">Active</span></td>
                                        <td>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal2" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>�޸�
                                            </button>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal3" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>ɾ��
                                            </button>

                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td><span class="label label-success">Active</span></td>
                                        <td>

                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal2" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>�޸�
                                            </button>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal3" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>ɾ��
                                            </button>

                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>

                                        <td><span class="label label-success">Active</span></td>
                                        <td>

                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal2" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>�޸�
                                            </button>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal3" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>ɾ��
                                            </button>

                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                             <span class="uni">
                                                   <input type='checkbox' value='check1'/>
                                             </span>
                                        </td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>
                                        <td></td>

                                        <td><span class="label label-success">Active</span></td>
                                        <td>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal2" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>�޸�
                                            </button>
                                            <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                                    data-target="#myModal3" data-backdrop="static">
                                                <i class="glyphicon glyphicon-repeat"></i>ɾ��
                                            </button>
                                        </td>

                                    </tr>

                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                                <div class="widget-foot">

                                    <ul class="pagination pull-right">
                                        <li><a href="#">Prev</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">Next</a></li>
                                    </ul>


                                    <div class="clearfix"></div>


                                </div>

                                <div class="btn-group">

                                    <button type="button" class="btn btn-default btn-xs" data-toggle="modal"
                                            data-target="#myModal1" data-backdrop="static">
                                        <i class="glyphicon glyphicon-repeat"></i>新增
                                    </button>

                                </div>


                                <div class="modal fade" id="myModal1" tabindex="-1" role="dialog"
                                     aria-labelledby="myModalLabel">

                                    <div class="modal-dialog" role="document">

                                        <div style="position:absolute; height:400px; overflow:auto"> <!--滚动条样式-->

                                            <div class="modal-content">

                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close"><span aria-hidden="true">��</span>
                                                    </button>
                                                    <h4 class="modal-title" id="myModalLabel1">����</h4>
                                                </div>


                                                <div class="modal-body">

                                                    <div class="form-group">
                                                        <label for="imgName">ͼƬ��</label>
                                                        <input type="text" name="imgName" class="form-control"
                                                               id="imgName"
                                                               placeholder="ͼƬId">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="imgdescription">ͼƬ����</label>
                                                        <input type="text" name="imgdescription"
                                                               class="form-control"
                                                               id="imgdescription" placeholder="ͼƬId">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="sort">���</label>
                                                        <input type="text" name="sort" class="form-control"
                                                               id="sort"
                                                               placeholder="ͼƬId">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="commentNum">������</label>
                                                        <input type="text" name="commentNum" class="form-control"
                                                               id="commentNum" placeholder="ͼƬId">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="favoriteNum">�ղ���</label>
                                                        <input type="text" name="favoriteNum" class="form-control"
                                                               id="favoriteNum" placeholder="ͼƬId">
                                                    </div>
                                                    <div class="form-group">
                                                        <label for="shareNum">������</label>
                                                        <input type="text" name="shareNum" class="form-control"
                                                               id="shareNum" placeholder="ͼƬId">
                                                    </div>

                                                </div>

                                                <form role="form">
                                                    <div class="form-group">
                                                        <label for="inputfile">�ļ��ϴ�</label>
                                                        <input type="file" id="inputfile">
                                                    </div>
                                                    <div class="checkbox">
                                                        <label>
                                                            <div class="row">
                                                                <div class="col-sm-6 col-md-3">
                                                                    <a href="#" class="thumbnail">
                                                                        <img src="/img/photos/s1.jpg"
                                                                             alt="ͨ�õ�ռλ������ͼ">
                                                                        <input type="checkbox">
                                                                    </a>
                                                                </div>
                                                                <div class="col-sm-6 col-md-3">
                                                                    <a href="#" class="thumbnail">
                                                                        <img src="/img/photos/s2.jpg"
                                                                             alt="ͨ�õ�ռλ������ͼ">
                                                                        <input type="checkbox">
                                                                    </a>
                                                                </div>
                                                                <div class="col-sm-6 col-md-3">
                                                                    <a href="#" class="thumbnail">
                                                                        <img src="/img/photos/s3.jpg"
                                                                             alt="ͨ�õ�ռλ������ͼ">
                                                                        <input type="checkbox">
                                                                    </a>
                                                                </div>
                                                                <div class="col-sm-6 col-md-3">
                                                                    <a href="#" class="thumbnail">
                                                                        <img src="/img/photos/s4.jpg"
                                                                             alt="ͨ�õ�ռλ������ͼ">
                                                                        <input type="checkbox">
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </label>
                                                    </div>
                                                    <button type="submit" class="btn btn-default">�ύ</button>
                                                </form>

                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-default"
                                                            data-dismiss="modal"><span
                                                            class="glyphicon glyphicon-remove"
                                                            aria-hidden="true" onclick="resetsaveImages"></span>ȡ��
                                                    </button>
                                                    <button type="button" id="btn_submit" class="btn btn-primary"
                                                            data-dismiss="modal"><span
                                                            class="glyphicon glyphicon-floppy-disk"
                                                            aria-hidden="true" onclick="saveImages()"></span>提交
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div style="position:absolute; height:400px; overflow:auto"> <!--��������ʽ-->
                                        <div class="modal-content">

                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close"><span aria-hidden="true">��</span>
                                                </button>
                                                <h4 class="modal-title" id="myModalLabel2">�޸�</h4>
                                            </div>

                                            <div class="modal-body">


                                                <div class="form-group">
                                                    <label for="imgName1">ͼƬ��</label>
                                                    <input type="text" name="imgName1" class="form-control"
                                                           id="imgName1" placeholder="ͼƬId">
                                                </div>
                                                <div class="form-group">
                                                    <label for="imgdescription1">ͼƬ����</label>
                                                    <input type="text" name="imgdescription1" class="form-control"
                                                           id="imgdescription1" placeholder="ͼƬId">
                                                </div>

                                                <div class="form-group">
                                                    <label for="sort1">���</label>
                                                    <input type="text" name="sort1" class="form-control" id="sort1"
                                                           placeholder="ͼƬId">
                                                </div>
                                                <div class="form-group">
                                                    <label for="commentNum1">������</label>
                                                    <input type="text" name="commentNum1" class="form-control"
                                                           id="commentNum1" placeholder="ͼƬId">
                                                </div>
                                                <div class="form-group">
                                                    <label for="favoriteNum1">�ղ���</label>
                                                    <input type="text" name="favoriteNum1" class="form-control"
                                                           id="favoriteNum1" placeholder="ͼƬId">
                                                </div>
                                                <div class="form-group">
                                                    <label for="shareNum1">������</label>
                                                    <input type="text" name="shareNum1" class="form-control"
                                                           id="shareNum1" placeholder="ͼƬId">
                                                </div>

                                            </div>

                                            <form role="form">
                                                <div class="form-group">
                                                    <label for="inputfile">ѡ���ļ�</label>
                                                    <input type="file" id="choosefile">
                                                </div>
                                                <div class="checkbox">
                                                    <label>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s1.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s2.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s3.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s4.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </label>
                                                </div>
                                                <button type="submit" class="btn btn-default">�ύ</button>
                                            </form>

                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-default"
                                                        data-dismiss="modal"><span
                                                        class="glyphicon glyphicon-remove"
                                                        aria-hidden="true"></span>ȡ��
                                                </button>
                                                <button type="button" id="btn_submit1" class="btn btn-primary"
                                                        data-dismiss="modal"><span
                                                        class="glyphicon glyphicon-floppy-disk"
                                                        aria-hidden="true"></span>����
                                                </button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="modal fade" id="myModal3" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel">
                                <div class="modal-dialog" role="document">
                                    <div style="position:absolute; height:400px; overflow-y:auto; overflow-x:auto;">
                                        <!--��������ʽ-->
                                        <div class="modal-content">

                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close"><span aria-hidden="true">��</span>
                                                </button>
                                                <h4 class="modal-title" id="myModalLabel3">ɾ��</h4>
                                            </div>

                                            <form role="form">
                                                <div class="form-group">
                                                    <label for="inputfile">ѡ���ļ�</label>
                                                    <input type="file" id="choosefile1">
                                                </div>
                                                <div class="checkbox">
                                                    <label>
                                                        <div class="row">
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s1.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s2.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s3.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                            <div class="col-sm-6 col-md-3">
                                                                <a href="#" class="thumbnail">
                                                                    <img src="/img/photos/s4.jpg"
                                                                         alt="ͨ�õ�ռλ������ͼ">
                                                                    <input type="checkbox">
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </label>
                                                </div>
                                                <button type="submit" class="btn btn-default">�ύ</button>
                                            </form>

                                            <div class="modal-footer">
                                                <button type="button" id="btn_submit2" class="btn btn-primary"
                                                        data-dismiss="modal"><span
                                                        class="glyphicon glyphicon-floppy-disk"
                                                        aria-hidden="true"></span>ȷ��
                                                </button>
                                                <button type="button" class="btn btn-default"
                                                        data-dismiss="modal"><span
                                                        class="glyphicon glyphicon-remove"
                                                        aria-hidden="true"></span>ȡ��
                                                </button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Matter ends -->


    </div>



    <!--footer-->
    <div th:include="/base/common_footer"></div>
    <!---->
</div>



<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>

<!--js????-->
<div th:include="/base/common_js"></div>
<!--js????-->

<!-- Script for this page -->


</body>
</html>





